<&include file="include/header.tpl" title=$title username=$user_firstname web_site=$web_site page_css="page.css"&>
<div id="fb-root"></div>
	<div id="main">
    	<div class="panda"></div>
        <div class="join_login">
        	<s></s>
            <h1>Get started!<div class="check"><label class="check-box check-true" id="join_tab"><span>Register&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></label><label class="check-box check-false " id="login_tab"><span>Login</span></label></div></h1>
            <div class="left">
            	<strong>Why use fitwow?</strong>
                <b>For non trainer consumers</b>
                <p>Fitwow brings you free personal training and social support to reach your next
                fitness goals, whatever they are.</p>
                <b>For personal trainers, yoga instructors, wellness professionals etc.</b>
                <p>Fitwow brings you potential clients, helps you establish your own fitness
                reputation</p>
            </div>
            
            <intput type="hidden" id="role_id" value="0"/>
            <input type="hidden" id="area_id" value="0"/>
            <div class="right" >
            	<&include file="include/facebook_login.tpl"&>
                
                
                <&include file="include/common_join.tpl"&>
            <!--end-->
            
            
                
                <&include file="include/common_login.tpl" show=false&>
                
                
            </div>
            
            
            
        </div>
	</div>
<!--pop_over-->
<script>
$(function(){
    $("#join_tab").click(function(){
        var cl = $(this).attr("class");
        if (cl == "check-box check-true")
        {
            $("#goal_join").show();
            $("#goal_login").hide();
            $("#login_tab").attr("class", "check-box check-false");
        }
        else {
            $("#goal_join").hide();
            $("#goal_login").show();
            $("#login_tab").attr("class", "check-box check-true");
        }
    });
    
    $("#login_tab").click(function(){
        var cl = $(this).attr("class");
        if (cl == "check-box check-true")
        {
            $("#goal_join").hide();
            $("#goal_login").show();
            $("#join_tab").attr("class", "check-box check-false");
        }
        else {
            $("#goal_join").show();
            $("#goal_login").hide();
            $("#login_tab").attr("class", "check-box check-true");
        }
    });
});
</script>
<script type="text/javascript" src="<&$web_site&>/js/fb.js"></script>
<&include file="include/footer.tpl" page_js="login.js"&>
